﻿/*
* 
* Theme Name: Elements
* Version: 1.0
* Author: Thomas @ Armfelt, Ltd
* Author URI: http://www.armfelt.co.uk
*
* CONTENTS:
* 1) RESET
* 2) GENERAL
* 3) REGIONS
* 4) HEADER
* 5) NAVIGATION
* 6) CONTENT
* 7) FOOTER
* 8) MISC
* 
*/

/*************** RESET ***************/
/*************************************/
HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE,
DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR,
B, U, I, CENTER,
DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND,
TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
INPUT, SELECT, TEXTAREA, LABEL {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
}

ol, ul {
    list-style: none;
	}


a:link{text-decoration:none; color:#ffffff}
a:visited{text-decoration:none; color:#ffffff}
a:hover{text-decoration:underline; color:#ffffff}
a:active{text-decoration:none; color:#ffffff}

/*************** GENERAL ***************/

HTML,BODY {
	width:100%;
	min-height: 100%;
}

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 67%;
	background: #ffffff;
	line-height: 1;
	
	padding: 20px 0;
	color: #ffffff;
}

/*A {
color: #666;
	text-decoration: none;
}
A:hover {
	text-decoration: underline;
}*/

/*************** REGIONS ***************/

#Wrap {
    margin: 0 auto;
	width: 1258px;
	text-align: left;
}
#Header {
    padding:47px 209px 25px 0px;
}

#Content-Wrap {
	 
} 

#Content-Outer {
    padding:0px 83px
	/*background: url(../images/content-outer-wrap-bg.png) top left repeat-y;*/
}
#Content-Inner{
    height:178px;}

#Content-Inner .lCol{
    width:407px;
    float:left}
#Content-Inner .rCol{
    float:right;
    width:180px;}
#Content-Inner-Wrap {
	/*background: url(../images/content-inner-wrap-bg.png) bottom left no-repeat;
	min-height: 400px;
	padding-top: 15px;*/
}

#Content-Wrap #Media{}
/**/

#Lcol, #Rcol{
    width:316px;}

#Lcol{float:left;
      background:#2a8491;
      height:424px;
      }
      .Logo{
          cursor:pointer;
          margin:77px 0 0 49px;
          
          }
      
      #Logo{
        background:transparent url(../Images/Logo.gif) no-repeat scroll left top;
        display:block;
        float:left;
        height:0;
        overflow:hidden;
        padding:193px 0 0 0;
        width:215px;
        margin:100px 0 0 45px
        }


      /*#Lcol H1{
        display:block;
        font-size:0.1em;
        height:193px;
        margin:100px auto;
        position:relative;
        text-align:center;
        top:0;
        width:215px;
        }
	    #Lcol H1 A {
		    cursor: pointer;
	    }
	    #Lcol H1 SPAN {
		    display: block;
		    width: 100%;
		    height: 100%;
		    position: absolute;
    		top: -5px;
		    left: 0;
		    background: url(../Images/Logo.gif) top left no-repeat;
	    }
        .Logo{
            display:block;
            margin:40px auto
        }*/
          
#Mcol{float:left;
      width:625px;
      height:424px;
      background-color:Yellow;
      background:url(../Images/MCol_bg.gif) top left no-repeat;
      }
#Rcol{
    float:left;
   
    background:#7e6a55;/*url(../Images/RCol_bg.gif) top left no-repeat*/
      height:424px;
      overflow:hidden;
     
      }
      
     #Mcol h1{
         margin:66px 0px 20px 47px;
         } 
         
     /*#Mcol h2{
         margin:66px 0px 20px 47px;
         } */
     #Mcol p{margin-left:47px;
             margin-right:44px;} 

    #Mcol h4{
        margin-left:47px;
        margin-right:44px;
        margin-bottom:2px;
        font-size:1.1em;
        } 
             
              #Mcol img{ 
                  display:block;
                  margin:0px auto;} 
             

/*HOME PAGE*/
.HomeRcol{
    /*background:#a1978a;*/
    padding:36px 20px 20px 20px;
    height:100%;
    }
.HomeRcol h1{
    height:0;
        overflow:hidden;
        padding:0;
        width:100px;
        margin:0;}
        
        
        
    .HomeRcol a.thumbnail{
        margin-bottom:3px;
        display:block;
        width:auto;
        border-style:solid;
        border-width:3px;
        }
            .HomeRcol a.thumbnail:link{border-color:transparent; text-decoration:none}
            .HomeRcol a.thumbnail:visited{border-color:transparent; text-decoration:none}
            .HomeRcol a.thumbnail:hover{border-color:#ffffff; text-decoration:none}
            .HomeRcol a.thumbnail:active{border-color:transparent; text-decoration:none}

/*ITEM PAGE*/
    .ItemRcol{
         background:#a1978a;
         padding:56px 20px 20px 20px;
         height:100%;
         }
         .ItemRcol p{
             color:#ffffff;
             }
             
        .ItemRcol  li{font-size:1.1em;}
        .ItemRcol a.ReturnToOverview{
             background:url(../Images/ReturnToOverview.gif) no-repeat scroll left bottom;
             padding:0 0 40px;
             color:#ffffff;
             display:block;
             margin:15px 0px 30px;
             }
             
            .ItemRcol a.ReturnToOverview:link{text-decoration:none;}
            .ItemRcol a.ReturnToOverview:visited{text-decoration:none;}
            .ItemRcol a.ReturnToOverview:hover{text-decoration:underline;}
            .ItemRcol a.ReturnToOverview:active{text-decoration:none;}
            
         
         .ItemRcol h1{
             color:#d5cdc6;
             font-size:2.3em;
             margin-bottom:5px;
         }
         
         .ItemRcol h2{
             color:#d5cdc6;
             font-size:2.3em;
             margin-bottom:5px;
         }
         
         /*.ItemRcol h3{
             color:#d5cdc6;
             font-size:2.3em;
             margin-bottom:5px;
         }*/
         
         .ItemRcol h4{
             font-size:1.1em;
             margin:10px 0 3px;
         }
         
     
     /*
    .ItemRcol{
         background:#d5cdc6;
         padding:66px 20px 20px 20px;
         height:100%;
         
         }
         
         .ItemRcol p{
             color:#695744;}
         .ItemRcol a.ReturnToOverview{
             background:url(../Images/ReturnToOverview.gif) no-repeat scroll left bottom;
             padding:0 0 40px;
             color:#695744;
             display:block;
             margin:15px 0px 30px;
             }
             
            .ItemRcol a.ReturnToOverview:link{text-decoration:none;}
            .ItemRcol a.ReturnToOverview:visited{text-decoration:none;}
            .ItemRcol a.ReturnToOverview:hover{text-decoration:underline;}
            .ItemRcol a.ReturnToOverview:active{text-decoration:none;}
            
         .ItemRcol h3{
             color:#695744;
             font-size:2em;
         }
        */
        
        
         
         
/*OVERVIEW / THUMBNAIL PAGE*/
.ThumbnailsHolder{
    padding:37px 19px 0px 37px}

.thumbnail{
    float:left;
    width:173px;
    margin-right:16px;}

    .thumbnail .thumbnail_text{
        font-size:1.2em;
        color:#A1978A ;
        display:block;
        margin-bottom:5px;
        margin-top:3px;
            }
    .thumbnail img.thumbnail_img{
        display:block;
        vertical-align:middle;
        border:solid 5px transparent;
        /*padding:5px;*/
        }
        
    .thumbnail a:hover .thumbnail_text{
        color:#ffffff
        }
    .thumbnail a:hover .thumbnail_img{
        display:block;
        border-color:#ffffff;
        }      


/*Gallery*/
.galleryItem{
    float:left;
    margin:0px 14px 11px 0px;}
    
    .imgFullView{
        position:relative;
        z-index:6;
       }
        
        .copy{
           position:absolute;
           top:77px;
           width:615px;
           z-index:5;
           }

/*Promotions*/
.PdfDownload a{
    color:#ffffff;
    cursor:pointer;
    float:right;
    font-weight:bold;
    background:transparent url(../images/pdfIcon.gif) no-repeat scroll left top;
    height:32px;
    padding-left:45px;
    padding-top:17px;
    top:-42px;
    position:relative;
    /*width:42px;*/
    }
    
    .PromotionImage{
        float:left;
        width:100px;
        
        
    }
    
    ul.form{
        font-size:0.9em;}
    
    ul.form li{
        margin:4px 0px;
        }
        ul.form li .formLabel{
            padding-bottom:4px;
        }
    
    .errorMessage{
        
        }
        ul.form li .formInput{
            margin-top:3px;
            width:221px;
            }
            
            ul.form li .formButton {
            margin-top:10px;
            }


    .PromoRcol{
         background:#A1978A;
         padding:72px 20px 20px 20px;
         height:100%;
         
         }
         
         .PromoRcol p{
             color:#ffffff;
             }
             
             .PromoRcol  li{font-size:1.1em;}
         
             
            .PromoRcol a.ReturnToOverview:link{text-decoration:none;}
            .PromoRcol a.ReturnToOverview:visited{text-decoration:none;}
            .PromoRcol a.ReturnToOverview:hover{text-decoration:underline;}
            .PromoRcol a.ReturnToOverview:active{text-decoration:none;}
            
         .PromoRcol h3{
             color:#d5cdc6;
             font-size:2.3em;
             margin-bottom:5px;
         }
         
         .PromoRcol h4{
             font-size:1.1em;
             margin:10px 0 3px;
         }
         
         
/*#Footer*/    
#Footer {
    margin:10px 0px 0px 0px;
    }
    #Footer img{
        margin:10px 0px;}
        
    #Footer .lCol{
        float:left;
        width:315px;
        }
        #Footer .lCol img{
            margin-right:11px;
            }
    #Footer .rCol{
        float:left;
        }
    
    
    
    #Footer ul {
        margin:0px 0px 0px 0px
        }
        #Footer ul li{
            color:#695744;
            float:left;
            font-size:0.9em;
            padding-right:10px;
            }
            
            #Footer ul li a:link{color:#695744; text-decoration:none}
            #Footer ul li a:visited{color:#695744; text-decoration:none}
            #Footer ul li a:hover{color:#695744; text-decoration:underline;}
            #Footer ul li a:active{color:#695744; text-decoration:none}
        
        
        .directions_wrapper{
            display:none;}
/*
#content-sub {
	width: 172px;
	margin-right: 13px;
	margin-top: -10px;
	float: left;
	display: block;
	min-height: 50px;
}
#content-extras {
	width: 172px;
	margin-left: 13px;
	display: inline;
	zoom:1;
	float: right;	
}

#content-main {
	width: 545px;
	float: left;
	padding-bottom: 20px;
}
*/
/*************** HEADER ***************/


	
/*
	.form-search {
		padding-top: 4.2em;
		float: right;
		margin-right: 13px;
		display: inline;
	}
		.input-search {
			position: relative;
			top: -8px;
		}
*/

/*************** NAVIGATION ***************/

#Breadcrumbs{
    margin-bottom:30px;
}
#Breadcrumbs ul{
}
#Breadcrumbs ul li{
    float:left;
    font-size:1em;
   
}



/*#Breadcrumbs ul li span{
    padding:2px 5px 4px 9px;
    display:block;
}*/


#Breadcrumbs ul li a.bc{

    margin:0 0px 0 0;
    padding:2px 5px 4px 9px;
    display:block;
}

a.bc:link{text-decoration:none; color:#2a717e;}
a.bc:visited{text-decoration:none; color:#2a717e}
a.bc:hover{text-decoration:underline; color:#C24C1A}
a.bc:active{text-decoration:none; color:#2a717e;}

/*
#Breadcrumbs ul li a.bc:link{text-decoration:none; color:red;}
#Breadcrumbs ul li a.bc:visited{text-decoration:none; color:green}
#breadcrumbs ul li a.bc:hover{text-decoration:underline; color:black}
#breadcrumbs ul li a.bc:active{text-decoration:none; color:yellow;}*/

/*#Breadcrumbs ul li a:link{text-decoration:none; color:#2a717e;}
#Breadcrumbs ul li a:visited{text-decoration:none; color:#2a717e}
#breadcrumbs ul li a:hover{text-decoration:underline; color:#695744}
#breadcrumbs ul li a:active{text-decoration:none; color:#2a717e}*/






#Menu{
    margin:0px 0px 0px 316px;}
/*#nav-top {
	float: right;
	margin-right: 16px;
	margin-top: 15px;
	font-size: 1.1em;
	position: absolute;
	right: 0;
	z-index: 2;
}
	#nav-top LI {
		display: inline;
		margin-right: 4px;
	}
	#nav-top LI A {
		margin-right: 4px;
	}

#nav-main {
	padding-top: 4.4em;
	float: left;
	display: inline;
	margin-left: 15px;
	zoom:1;
	position: relative;
	top: 1px;
}
	#nav-main LI {
		display: inline;
	}
	#nav-main LI A {
		display: block;
		height: 30px;
		float: left;
		width: 184px;
		position: relative;
		background: url(../images/nav-main.png) no-repeat;
		text-decoration: none;
	}
	#nav-main SPAN.rollover {
		display: none;
		position: absolute;
		top: 30px;
		left: 55px;
		white-space: nowrap;
		padding: 5px 10px;
		color: #b23427;
		backgoround: none;
		z-index: 2;
	}
	#nav-main #work-for-us SPAN.rollover {
		left: 58px;
	}	
	#nav-main #meet-us SPAN.rollover {
		left: 65px;
	}
	#nav-main A:hover .rollover {
		display: block;
		background: url(../images/nav-main-arrow.png) left center no-repeat;
	}
	
	#nav-main #who-we-are A {
		width: 181px;
	}
		#nav-main #who-we-are A:hover, #nav-main #who-we-are A.active {
			background-position: 0 100%;
		}
	#nav-main #work-for-us A {
		background-position: -181px 0;
		width: 185px;
	}
		#nav-main #work-for-us A:hover, #nav-main #work-for-us A.active {
			background-position: -181px 100%;
		}	
	#nav-main #meet-us A {
		background-position: -366px 0;
		width: 185px;
	}
		#nav-main #meet-us A:hover, #nav-main #meet-us A.active {
			background-position: -366px 100%;
		}	
	#nav-main #apply-now A {
		width: 179px;
		background-position: 100% 0;		
	}
		#nav-main #apply-now A:hover, #nav-main #apply-now A.active {
			background-position: 100% 100%;		
		}
		
#nav-footer {
	float: right;
	font-size: 1.1em;
}
	#nav-footer LI {
		display: inline;
		margin-right: 4px;
	}
	#nav-footer LI A {
		margin-right: 4px;
	}

#nav-side, #nav-side UL {
	list-style: none;
}
#nav-side LI {
	list-style: none oustide;
	margin-left: 15px;
	
	border-bottom: 1px solid #ede1e0;
	
}
#nav-side LI A {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	color: #111;
	padding-left: 15px;
	margin: 10px 0;
	display: block;
}
#nav-side LI A:hover, #nav-side LI A.active {
	color: #b92d1f;
	text-decoration: none;
}
#nav-side LI LI {
	margin: 10px 0 0 0;
	padding: 0;
	padding-left: 10px;
	border: 0;
	
}
#nav-side LI LI A {
	font-size: 1.1em;
	text-transform: none;
	font-weight: normal;
	color: #111;
	zoom: 1;
}
#nav-side LI.last {
	border: 0;
}
#nav-useful LI {
	width: 160px;
	list-style: none;
}
#nav-useful LI A {
	background: url(../images/nav-useful-bg.png) top left no-repeat;
	display: block;
	padding-left: 40px;
	height: 40px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 3.5em;
	color: #999;
}
#nav-useful LI A:hover {
	text-decoration: none;
	color: #b92d1f;
}
#nav-useful LI A.i1,#nav-useful LI A.i5 {
	height: 44px;
	line-height: 3.8em;
}
#nav-useful LI A.i1 { background-position: 0 0;}
#nav-useful LI A.i2 { background-position: 0 -44px;}
#nav-useful LI A.i3 { background-position: 0 -84px;}
#nav-useful LI A.i4 { background-position: 0 -124px;}
#nav-useful LI A.i5 { background-position: 0 100%;}
*/

/*************** LANDING ***************/

/*#landing-wrap {
	width: 100%;
	height: 192px;
	position: relative;
	margin-bottom: 10px;
	background: top left no-repeat;
}
	#landing-wrap P {
		margin: 5px 620px 5px 35px;
		font-size: 1.2em;
		line-height: 1.3em;
		color: #666;		
	}
	#landing-wrap H2 {
		font-size: 3.8em;
		font-weight: normal;
		color: #b23427;
		padding: 20px 0 10px 35px;
	}
	#landing-wrap H2.sIFR-replaced {
		padding-bottom: 0;
		height: 49px !important;
	}
	#landing-wrap.wwa {
		background-image: url(../images/landing-wrap-wwa-bg.png);
	}
	#landing-wrap .blockquote  {
		display: block;
		position: absolute;
		top: 55px;
		left: 555px;
		width: 338px;
	}
		#landing-wrap .blockquote P {
			margin: 15px 20px 10px 20px;
			font-size: 1.6em;
			color: #333;
			line-height: 1;
		}
		#landing-wrap .blockquote .cite {
			font-size: 1.4em;
			font-weight: bold;
			font-style: normal;
			margin: 0 20px;
			color: #111;

		}
		#landing-wrap .blockquote .cite SPAN {
			font-size: 0.8em;
			font-weight: normal;
			display: block;
		}
		.button-profile {
			display: block;
			width: 74px;
			height: 19px;
			margin-left: 18px;
			margin-top: 5px;
			background: url(../images/button-profile.png) top left no-repeat;
		}

.landing-intro {
	background: url(../images/landing-intro.png) top left no-repeat;
	width: 317px;
	padding: 10px 20px 20px 20px;
	float: left;
	font-style: normal;
	margin-right: 10px;
}
	.landing-intro H3 {
		font-size: 1.4em;
	}
	.landing-intro P {
		margin: 10px 0;
		font-size: 1.1em;
		line-height: 1.2em;
	}
*/

/*************** CONTENT ***************/


p{
    font-size:1.1em;
line-height:1.3em;
margin:0px 0px 10px 0px;
color:#ffffff;

}
h1{
    color:#d5cdc6;
    font-size:3em;
    font-weight:normal;}
    
    /*h2{
    color:#d5cdc6;
    font-size:3em;
    font-weight:normal;}*/


.contactItem{
    float:left;
    width:50px;}


/*************** MISC ***************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

